ShowTable of Contents
Single Page Application コントロールの概説
このコントロールは、モバイル Web ページ全体のコンテナです。XPage でモバイルページを作成する際に、ひとつの XPage に必ずこのコンテナが必要です。
生成されるタグ
このコントールのタグは xe:singlePageApp です。
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
xmlns:xe="http://www.ibm.com/xsp/coreex">
<xe:singlePageApp id="xpagesMobileApp">
</xe:singlePageApp>
</xp:view>
ひとつの XPage に最低でも一つ、そして複数のモバイルページを作成することができます。
以下の例は、XPage に 3 つのモバイルページをもつ例です。
<xe:singlePageApp id="singlePageApp1" selectedPageName="appPage1">
<xe:appPage id="appPage1"></xe:appPage>
<xe:appPage id="appPage2"></xe:appPage>
<xe:appPage id="appPage3"></xe:appPage>
</xe:singlePageApp>
この状態でブラウザからプリビューし、ページのソースを確認すると、モバイルアプリケーションに必要な viewport の設定や Dojo Mobile のリソースが取り込まれた状態でブラウザにレンダリングされているのが確認できます。
Single Page Application のプロパティ
このコントロールの selectPageName で最初に表示させるモバイルページの id を指定しなければなりません。
|
カテゴリ |
プロパティ |
説明 |
|
基本 |
selectedPageName |
最初に表示させるモバイルページの指定(必須) |